<!DOCTYPE html>
<html lang="en">
<head>
	
	<meta charset="utf-8">
	<title>新闻列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">
	
	<link rel="shortcut icon" href="images/favicon.ico">
    
	<!-- CSS -->
	<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
	<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/owl.carousel.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet" type="text/css" />
    
	<!-- FONTS -->
	<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
	<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">	
    
	<!-- SCRIPTS -->
	<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <!--[if IE]><html class="ie" lang="en"> <![endif]-->
	
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script src="js/bootstrap.min.js" type="text/javascript"></script>
	<script src="js/jquery.nicescroll.min.js" type="text/javascript"></script>
	<script src="js/superfish.min.js" type="text/javascript"></script>
	<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
	<script src="js/owl.carousel.js"></script>
	<script src="js/animate.js" type="text/javascript"></script>
	<script src="js/myscript.js" type="text/javascript"></script>
	
</head>
<body>



<!-- PRELOADER -->
<img id="preloader" src="images/preloader.gif" alt="" />
<!-- //PRELOADER -->
<div class="preloader_hide">

	<!-- PAGE -->
	<div id="page" class="single_page">
	
		<!-- HEADER -->
		<header>
			
			<!-- MENU BLOCK -->
			<div class="menu_block">
			
				<!-- CONTAINER -->
				<div class="container clearfix">
					
					<!-- LOGO -->
					<div class="logo pull-left">
						<a href="index.html" ><span class="b1">w</span><span class="b2">h</span><span class="b3">i</span><span class="b4">t</span><span class="b5">e</span></a>
					</div><!-- //LOGO -->
					
					
					<!-- MENU -->
					<div class="pull-right">
						<nav class="navmenu center">
							<ul>
								<li class="first scroll_btn"><a href="index.html">首页</a></li>
								<li class="scroll_btn"><a href="product.html">产品展示</a></li>
								<li class="scroll_btn"><a href="#projects">微信商城</a></li>
								<li class="scroll_btn active"><a href="#newsLIst">新闻动态</a></li>
								<li class="scroll_btn"><a href="companyIntroduction.html">公司介绍</a></li>
								<li class="scroll_btn"><a href="contactUs.html">公司介绍</a></li>
							</ul>
						</nav>
					</div><!-- //MENU -->
				</div><!-- //MENU BLOCK -->
			</div><!-- //CONTAINER -->
		</header><!-- //HEADER -->
		
		
		
		<!-- BLOG -->
		<section id="blog">
			
			<!-- CONTAINER -->
			<div class="container">
				
				<!-- ROW -->
				<div class="row">
				
					<!-- BLOG BLOCK -->
					<div>
						<div style="width:880px;margin:0 auto;" class="blog_block padbot50">
							
							<!-- BLOG POST -->
							<div class="blog_post margbot50 clearfix" data-animated="fadeInUp">
								<div class="blog_post_img">
									<img src="images/blog/1.jpg" alt="" />
									<a class="zoom" href="newsDetail.html" ></a>
								</div>
								<div class="blog_post_descr">
									
									<a class="blog_post_title" href="newsDetail.html" >Rihanna's Costume Designer Comes Into His Own with New Show</a>
									
									<hr>
									<div class="blog_post_content">The best way to describe Adam Selman would be simply to say that he is the epitome of cool. So it’s only fitting that his first runway collection was made for the ultimate cool girl.</div>
									
								</div>
							</div><!-- //BLOG POST -->
							

							<!-- BLOG POST -->
							<div class="blog_post margbot5`0 clearfix" data-animated="fadeInUp">
								<div class="blog_post_img">
									<img src="images/blog/2.jpg" alt="" />
									<a class="zoom" href="newsDetail.html" ></a>
								</div>
								<div class="blog_post_descr">
									
									<a class="blog_post_title" href="newsDetail.html" >The Four Week Workout to Tank Top Worthy Arm</a>
									
									<hr>
									<div class="blog_post_content">Our stomachs, legs, and butts, (thanks to Jen Selter) are usually top priority areas when it comes to getting in shape. But when I'm tagged in a photo on Instagram, I quite often find myself wishing for an arm-sculpting filter.</div>
									
								</div>
							</div><!-- //BLOG POST -->
							
							
							<!-- BLOG POST -->
							<div class="blog_post margbot50 clearfix" data-animated="fadeInUp">
								<div class="blog_post_img">
									<img src="images/blog/3.jpg" alt="" />
									<a class="zoom" href="newsDetail.html" ></a>
								</div>
								<div class="blog_post_descr">
									
									<a class="blog_post_title" href="newsDetail.html" >The Fault in Our Stars Trailer Makes Us Feel All The Feelings</a>
									
									<hr>
									<div class="blog_post_content">The trailer for 'The Fault in Our Stars', the movie based on John Green's tear-jerky YA novel, is finally out, and it's good.</div>
									
								</div>
							</div><!-- //BLOG POST -->
							
							
							<!-- BLOG POST -->
							<div class="blog_post margbot50 clearfix" data-animated="fadeInUp">
								<div class="blog_post_img">
									<img src="images/blog/4.jpg" alt="" />
									<a class="zoom" href="newsDetail.html" ></a>
								</div>
								<div class="blog_post_descr">
									
									<a class="blog_post_title" href="newsDetail.html" >The Broad City Girls Almost Make Us Pee Our Pant</a>
									<hr>
									<div class="blog_post_content">Last week I made a promise to the hilarious creators of the cover-your-eyes-with-one-hand, text-your-best-friend-to-watch-it-with-the-other-hand show, 'Broad City'.</div>
									
								</div>
							</div><!-- //BLOG POST -->
							
							
							<!-- BLOG POST -->
							<div class="blog_post margbot50 clearfix" data-animated="fadeInUp">
								<div class="blog_post_img">
									<img src="images/blog/5.jpg" alt="" />
									<a class="zoom" href="newsDetail.html" ></a>
								</div>
								<div class="blog_post_descr">
									<a class="blog_post_title" href="newsDetail.html" >Why Do We Need to Defend Wendy Davis for Being a Working Mom?</a>
									<hr>
									<div class="blog_post_content">On Tuesday, the daughters of Texas state senator Wendy Davis defended their mom against charges that she’s been smudging her biography</div>
									
								</div>
							</div><!-- //BLOG POST -->
						</div><!-- //BLOG BLOCK -->
					</div>

				</div><!-- //ROW -->
			</div><!-- //CONTAINER -->
		</section><!-- //BLOG -->
	</div><!-- //PAGE -->

	
	<!-- CONTACTS -->
	<section id="contacts">
	</section><!-- //CONTACTS -->
	
	<!-- FOOTER -->
	<footer class="upFooter">
		<!-- CONTAINER -->
		<div class="container">
			<!-- ROW -->
				<div style="text-align:center;">
					<nav class="navmenu center">
						<ul>
							<li class="first scroll_btn"><a href="index.html">首页</a></li>
							<li class="scroll_btn"><a href="product.html">产品展示</a></li>
							<li class="scroll_btn"><a href="#projects">微信商城</a></li>
							<li class="scroll_btn active"><a href="#newsLIst">新闻动态</a></li>
							<li class="scroll_btn"><a href="companyIntroduction.html">公司介绍</a></li>
							<li class="scroll_btn"><a href="contactUs.html">公司介绍</a></li>
						</ul>
					</nav>
				</div>
			</div><!-- //ROW -->
	</footer><!-- //FOOTER -->
	
	

</div>
</body>
</html>